<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="css/main.css">
		<title>16.4 操作样式 </title>

		<style type="text/css">
			div {
				padding: 10px;
				margin-bottom: 5px;
				/* font-weight: bolder; */
			}

			.black {
				background: #333333;
				color: white;
			}

			.b {
				font-size: 28px;
			}

			.hidden {
				display: none;
			}

		/* 	#board {
				font-family: sans-serif;
				font-size: 30px;
				padding: 10px 40px;
				background-color: #000000;
				display: inline-block;
				border-radius: 4px;
			}

			#board.active {
				color: firebrick;
			} */
		</style>


		<!-- 
		 https://learn.jquery.com/about-jquery/
		
		 https://learn.jquery.com/using-jquery-core/css-styling-dimensions/
			
			
		https://learn.jquery.com/using-jquery-core/
		
		# hide 隐藏
		https://learn.jquery.com/effects/intro-to-effects/
		 -->
	</head>


	<body>

<!-- 
		<div id="board">
			保健用品左转二楼
		</div> -->


				<h1>16.4 操作样式 </h1>


		<div class="a  b ">AAA</div>
		
		<div class="hidden">
			BBBBBBBB
		</div>
		

		<script src="../libs/jquery.3.6.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main_01.js" type="text/javascript" charset="utf-8"></script>

	</body>
</html>


<!-- 


['

123456789@qq.com
  邮箱随便填

\n序列号\n

JCEKRV-4V7ZSU-PSQKQ7-G2NT2Q

] 
 
 
 
 https://docs.qq.com/doc/DTXlmUGtnVmpPdkNH
 
  作者：廖雪峰- https://www.bilibili.com/read/cv15588597/ 出处：bilibili
 -->